import Vue from "vue"; //1、引入Vue适配.vue文件并且支持Vue开发
import App from "./App.vue";  //根组件App
import routerVue from "vue-router";  //引入Vue路由插件
Vue.use(routerVue);  //使用路由


import mintUI from "mint-ui";  //引入在node_modules文件里面通过npm i 下载好的mint-ui插件，用于移动端的开发使用
import "mint-ui/lib/style.min.css"; //引入mint-ui中使用的css样式，位置在node_modules中
Vue.use(mintUI);  //使用mint-ui
import "../statics/mui/css/mui.css"; //引入mui的css样式

import  "../statics/css/site.css"

import shopcar from "./components/shopcar/car.vue";
import home from "./components/Home.vue"
import newslist from "./components/news/newslist.vue";


import vueResource from "vue-resource";
Vue.use(vueResource);

import comment from "moment";
Vue.filter("datafmt",function ( input , fmtstring ) {
    return comment(input).format(fmtstring);
})

var router = new routerVue({   //路由插件实例化对象实现路由配置
    linkActiveClass:"mui-active",
    routes:[
          //设置路由锚点 以及所对应的 组件模版
        {path:"/",redirect:"/home"},
        {path:"/shopcar",component:shopcar},
        {path:"/home",component:home},
        {path:"/news/newslist",component:newslist}

    ]
})

new Vue({ //1.0使用引入的Vue来创建组件
    el:"#app", //该js文件会在热加载中自动生成build.js引入内存中index.html,通过id与html文件生成练习
    router:router,  //路由设置，使用引入进来的vue-router组件实例化出来的对象
    render:create=>create(App)  //渲染指定的根组件App，使得App能呈现在html中
})